<!-- 已购案例 -->
<link rel="stylesheet" href="/css/apps/microcase/downlist.css">
<style type="text/css">
.color-red{
	font-family: PingFangSC-Medium;
	font-size: 12px;
	color: red;
}
.color-71D3E8{
	font-family: PingFangSC-Medium;
	font-size: 14px;
	color: #71D3E8;
}
.color-F48C4E{
	font-family: PingFangSC-Medium;
	font-size: 14px;
	color: #F48C4E;
}
table.user-table {
   width: 100%;
   table-layout: fixed;
}
table.user-table tr th,
table.user-table tr td {
 	word-break:keep-all;
    white-space:nowrap; 
    overflow:hidden;
    text-overflow:ellipsis;
}
table.user-table tr th {
	background: #E7E7E7;
	border-radius: 3px;
	height: 30px;
	font-size: 14px;
	color: #4D4D4D;
	text-align: center;
	border: 3px solid #fff;
}
table.user-table tr td {
	height: 60px;
	font-size: 12px;
	color: #4D4D4D;
	text-align: center;
}
table.user-table tr{
    border-bottom: 1px solid #ddd;
}
table.user-table tr:nth-of-type(even) {
	background: #EFEFEF;
	
}
@media screen  and (max-width: 850px),@media screen  and (orientation: landscape),
only screen  and (max-device-width: 850px) {
	.phone-li-title .case-title {
	    width: 100%!important;
	}
}
</style>
<div class="main layui-clear" style="padding-bottom: 33px;">
	<div class="fly-main layui-clear">
		<div class="wrap layui-clear">
			<div class="layui-bar">
				<div class="layui-breadcrumbs">
					<a class="home" href="/"></a>
					<i class="layui-icon">&#xe602;</i>
			  		<a href="/microcase/downlist.html">案例</a>
			  		<i class="layui-icon">&#xe602;</i>
			  		<a href="/microcase/downlist.html">已购案例</a>
				</div>
			</div>
			<#include "/apps/user/userTopInformation.html">
			<div class="home-left ukefu-profile-menu">
				<#include "/apps/user/userinfo.html">
			</div>
			<div class="home-right ukefu-profile" id="commenttopic">
				<div class="content">
					<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
						<#include "/apps/microcase/casemenu.html">
						
						<div class="layui-tab-content">
							<div class="layui-tab-item layui-show">
								<table class="user-table pc">
						    	<thead>
							    	<tr>
								    	<th width="40%">案例</th>
								    	<th width="15%">作者</th>
								    	<th width="15%">价格</th>
								    	<th width="20%">购买时间</th>
							    	</tr>
						    	</thead>
						    	<tbody>
							    	<#if deposit??>
									<#list deposit.content as list>
							    	<tr>
								    	<td title="${list.microcaseTitle!''}"><a href="/admin/microcase/hotDetail/${list.id!''}.html?id=${list.id!''}">${list.microcaseTitle!''}</a></td>
								    	<td>${list.micAuthor!''}</td>
								    	<td>
								    		<a href="#" class="color-red">￥&nbsp;${list.totalAmount?string('0.00')}</a>
						    			</td>
								    	<td> 
								   			${list.paymentTime!?string("yyyy-MM-dd")}
								    	</td>
							    	</tr>
									</#list>
									<#else>
									<tr>
								    	<td colspan="4"><i style="font-size:14px;">没有购买任何案例</i></td>
							    	</tr>
									</#if>
						    	</tbody>
						    </table>
						    <div class="phone-ul">
						    	<ul>
						    		<#if deposit??>
									<#list deposit.content as list>
							    	<li>
							    		<div class="phone-li-title layui-elip">
							    			<a class="case-title layui-elip" title="${list.microcaseTitle!}" href="/admin/microcase/hotDetail/${list.id!''}.html?id=${list.id!''}"">${list.microcaseTitle!}</a>
							    		</div>
								    	<div class="phone-li-bottm">
								    		<span>${list.micAuthor!''} | <span class="price">￥${list.totalAmount!?string('0.00')}</span></span>
								    		<div>
								    			<span>${list.paymentTime!?string("yyyy-MM-dd")}</span>
								    		</div>
								    	</div>
							    	</li>
									</#list>
									</#if>
						    	</ul>
						    </div>
							</div>
						</div>
					</div>
				</div>
				<div style="text-align: center" class="front-desk">
					<div class="laypage-main" id="pages"></div>
				</div>
			</div>
		</div>
	</div>
</div>
<script>

layui.use(['laypage', 'layer'], function(){
	var laypage = layui.laypage;
  	laypage({
	    cont: 'pages'
	    ,first:'首页'
	    ,last:'末页'
	    ,pages: ${deposit.totalPages!"1"}
	    ,curr:${deposit.number+1}
	    ,skin: '#32c24d'
    	,skip: true
	    ,jump:function(obj, first){
	    	var curr = obj.curr;
	    	if (!first) {
               location.href = '/admin/microcase/boughtCase?p=' + curr + "<#if RequestParameters['q']?? && RequestParameters['q'] != ''>&q=${RequestParameters['q']}</#if>";
            }
	    }
	});
});
</script>